<script lang="ts" setup>
const user = useUserStore();
</script>

<template>
  <div
    h-180px w-320px flex flex-col justify-between p-4
    element-loading-background="rgba(0, 0, 0, 0.6)"
    class="group relative rounded-4 bg-#1374f7 text-white shadow-sm v-card dark:bg-#1374f7"
  >
    <!-- 顶部 -->
    <div flex-row-bt-c>
      <small
        flex-row-c-c font-600 opacity-90
      >
        <small
          class="float-left mr-2 inline h-1.8em w-1.8em rounded-4em bg-light text-center color-#1374f7 font-700 leading-1.8em"
        >
          支
        </small>
        支付宝
      </small>
      <div class="w-1.8em">
        <svg
          t="1689752384390"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2518"
        >
          <path
            d="M230.771014 576.556522c-12.614493 9.646377-25.228986 23.744928-28.93913 42.295652-5.194203 24.486957-0.742029 55.652174 22.26087 80.13913 28.93913 28.93913 72.718841 37.101449 92.011594 38.585508 51.2 3.710145 106.110145-22.26087 147.663768-50.457971 16.324638-11.130435 43.77971-34.133333 70.492754-69.750725-59.362319-30.423188-133.565217-64.556522-212.22029-61.588406-41.553623 1.484058-70.492754 9.646377-91.269566 20.776812zM983.188406 712.347826c25.971014-61.588406 40.811594-129.113043 40.811594-200.347826 0-281.971014-230.028986-512-512-512S0 230.028986 0 512s230.028986 512 512 512c170.666667 0 321.298551-83.849275 414.794203-212.22029C838.492754 768.742029 693.797101 696.023188 604.011594 652.985507c-42.295652 48.973913-105.368116 97.205797-176.602898 117.982609-44.521739 13.356522-85.333333 18.550725-126.886957 9.646377-42.295652-8.904348-72.718841-28.197101-90.527536-47.489855-8.904348-10.388406-19.292754-22.26087-27.455073-37.843479 0.742029 0.742029 0.742029 2.226087 0.742029 2.968116 0 0-4.452174-7.42029-7.420289-19.292753-1.484058-5.936232-2.968116-11.872464-3.710145-17.808696-0.742029-4.452174-0.742029-8.904348 0-12.614493-0.742029-7.42029 0-15.582609 1.484058-23.744927 4.452174-20.776812 12.614493-43.77971 35.617391-65.298551 48.973913-48.231884 115.014493-50.457971 149.147826-50.457971 50.457971 0.742029 138.017391 22.26087 212.22029 48.973913 20.776812-43.77971 34.133333-89.785507 42.295652-121.692754H304.973913v-33.391304h158.052174v-66.782609H272.324638v-34.133333h190.701449v-66.782609c0-8.904348 2.226087-16.324638 16.324638-16.324637h74.944927v83.107246h207.026087v33.391304H554.295652v66.782609H719.768116S702.701449 494.933333 651.501449 586.202899c115.014493 40.811594 277.518841 104.626087 331.686957 126.144927z m0 0"
            fill-light
            p-id="2519"
          />
        </svg>
      </div>
    </div>
    <!-- 余额： -->
    <div class="flex-row-c-c leading-1.6em">
      <small>暂未开启</small>
    </div>
    <small
      block
      opacity-70
    >
      更新于：{{ user.userWallet.updateTime }}
    </small>
  </div>
</template>

<style scoped lang="scss"></style>
